<template>
  <div class="container2">
    <div>
      <el-image></el-image>
    </div>
    <div style="margin-left: 1.5em">
      <p class="subTitle">{{ data.date }}</p>
      <div>
        <el-link :underline="false">{{ data.title.content }}</el-link>
      </div>
      <div>
        <el-link class="subTitle" :underline="false">{{
          data.classify.content
        }}</el-link>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  components: {},
  props: {
    data: Object,
  },
  data() {
    return {};
  },
  methods: {},
};
</script>
<style scoped>
.container2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.subTitle {
  font-size: 0.4em;
  color: rgb(122, 122, 122);
}
</style>